div#grid
    .column
        paper-card#Quick-Links(heading='Quick shortcuts')
            template(is='dom-repeat', items='[[quickLinks]]')
                iframe-link.link(href$="[[item.link]]")
                    paper-icon-item
                        iron-icon(icon='kubeflow:bolt', slot='item-icon')
                        paper-item-body(two-line)
                            .header [[item.text]]
                            aside(secondary) [[item.desc]]
                        paper-ripple
        template(is='dom-if', if='[[metrics.resourceChartsLinkText]]')
            resource-chart(header-text='Cluster CPU Utilization', metric='cpu',
                interval='Last60m',
                external-link='[[metrics.resourceChartsLink]]',
                external-link-text='[[metrics.resourceChartsLinkText]]')
            resource-chart(header-text='Pod CPU Utilization', metric='podcpu',
                interval='Last60m',
                external-link='[[metrics.resourceChartsLink]]'
                external-link-text='[[metrics.resourceChartsLinkText]]')
    .column
        notebooks-card(namespace='[[namespace]]')
        pipelines-card(heading='Recent Pipelines', artifact-type='pipelines', namespace='[[namespace]]')
        pipelines-card(heading='Recent Pipeline Runs', artifact-type='runs', namespace='[[namespace]]')
    .column
        template(is='dom-if', if='[[platformDetails.links]]')
            paper-card#Platform-Links(class$='[[platformDetails.name]]',
                heading='[[platformDetails.title]]', image='[[platformDetails.logo]]')
                template(is='dom-repeat', items='[[platformDetails.links]]')
                    a.link(href$='[[item.link]]', tabindex='-1', target='_blank')
                        paper-icon-item.external
                            paper-ripple
                            paper-item-body(two-line)
                                .header [[item.headerText]]
                                aside(secondary) [[item.secondaryText]]
                            paper-icon-button.button(icon='open-in-new',
                                slot='item-icon', alt='[[item.text]]', tabindex=-1)
        paper-card#Documentation(heading='Documentation')
            template(is='dom-repeat', items='[[documentationItems]]')
                a.link(href$='[[item.link]]', tabindex='-1',
                            target='_blank')
                    paper-icon-item.external
                        paper-ripple
                        paper-item-body(two-line)
                            .header [[item.text]]
                            aside(secondary) [[item.desc]]
                        paper-icon-button.button(icon='open-in-new',
                            slot='item-icon', alt='[[item.text]]', tabindex=-1)
